<style>
    .panel-body{
        min-height: 220px;
    }
</style>
<div class="admin-default-index">
    <div class="jumbotron">
        <h1><?= Yii::$app->params['app_backend_index_name']?></h1>
        <h3>使用说明</h3>
    </div>
    
    <div class="row">        
        <div class="panel panel-default col-md-3" style="padding: 0">
            <div class="panel-heading">
                <div class="panel-title">导航</div>
            </div>
            <div class="panel-body">
                <p><b>导航栏具备二级分类组合:</b></p>
                <p>1.等级1为父类，等级2为子类</p>
                <p>2.父类的父类和超链接参数须为null</p>
                <p>3.子类的父类参数为所属父类的名称</p>
                <p>4.子类以菜单形式显示</p>
            </div>
        </div>
        
        <div class="panel panel-default col-md-3" style="padding: 0">
            <div class="panel-heading">
                <div class="panel-title">文章</div>
            </div>
            <div class="panel-body">
                <p><b>文章支持文本操作与HTML编辑:</b></p>
                <p>1.文本操作具备常用排版功能和多媒体插入编辑功能</p>
                <p>2.HTML编辑可以使显示效果更加多样化，需要具备HTML+CSS基础</p>
                <p>3.文章发布后需要与其他组建绑定超链接</p>
            </div>
        </div>
        
        <div class="panel panel-default col-md-3" style="padding: 0">
            <div class="panel-heading">
                <div class="panel-title">轮播图</div>
            </div>
            <div class="panel-body">
                <p><b>轮播图简称网页幻灯片:</b></p>
                <p>1.图片需保证清晰，容量小</p>
                <p>2.轮播图默认设置为3张</p>
                <p>3.轮播图显示效果默认为居中,需要PS保证显示效果</p>
            </div>
        </div>
        
        <div class="panel panel-default col-md-3" style="padding: 0">
            <div class="panel-heading">
                <div class="panel-title">小面板</div>
            </div>
            <div class="panel-body">
                <p><b>小面板是一种网格快捷式广告:</b></p>
                <p>1.图片要求像素306*210px</p>
                <p>2.网格默认3X3</p>
            </div>
        </div>
    </div>
</div>

<script>
    document.getElementById('default').setAttribute('class',"active");
</script>